@charset "utf-8";
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;-webkit-text-size-adjust:none;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
p, img, button, h1, h2, h3, h4, h5, h6, ul, li, ol, tbale, tr, td, input {margin: 0px;padding: 0px;border: none;list-style-type: none; font-weight:normal;}
/* 消除手机触摸时的闪动 */
a,img,button,input,textarea,ul,li,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}
a{
    text-decoration: none;
}

body,p,h1,h2,h3,h4,h5,h6,li,span,i,ul,img,a,strong,input{margin:0;padding:0; font-family: "microsoft yahei";}
body{ font-size:14px;}
li{list-style-type:none; float:left;}
a{text-decoration:none;outline: none;}

a{ color:#555;text-decoration:none;  }
a:hover{ text-decoration:none;  color:#4a0f11;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}


img{border:none;}
i{font-style:normal}
input,select,textarea{outline:none;text-indent:6px;}
textarea{resize:none;}
div{margin:0 auto;}
.fl{float: left;}
.fr{float: right;}

/* ** ** Common Addative Classes ** ** */
.fl{float:left}
.fr{float:right}
.hidden{ overflow:hidden}
.margin{ margin:0 auto;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:block;clear:both;}
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; height:0px;}
.clear_l{clear:left;} .clear_r{clear:right;}
 .block{display:block !important;} .inline{display:inline !important;}
.txtcenter{vertical-align:middle;}
.prel{position:relative;}
.wrap{ width:1000px; margin:0 auto; position:relative;}

#head{width:100%; height:48px; border-bottom:1px solid #e2e2e2;}
.head{width:1200px; height:48px;}
.head p{float:left; margin-top:24px; margin-left:5px; font-size:12px;}
.head p .ic1{margin-right:5px; float:left; margin-top:2px;}
.head p span{float:left;}

.head p .ic2{margin-right:5px; margin-left:10px; float:left; margin-top:3px;}
.head h5{float:right;color:#333;}
.head h5 span{font-weight:100; width:96px; height:13px; display:block; border-left:1px solid #333; float:left; text-align:center; line-height:13px; margin-top:25px;} 
.head h5 span a{color:#333;}
.head h6{float:left; float:right; font-weight:100; margin-top:22px; color:#333; margin-right:40px;}
.head h6 a{color:#333;}

.nav{width:1200px; height:85px;margin-top:20px;}
.nav img{margin-left:5px; float:left;}
.nav ul{float:right;}
.nav ul li{float:left; width:96px; height:85px; text-align:center; background:url(../image/bj1.png) right center no-repeat; color:#636363; position:relative;}
.nav ul li a{color:#636363; height:22px; width:60px; display:block; border-bottom:1px dashed #fff; margin-left:18px; float:left; margin-top:32px;}
.nav ul li.lon a{width:72px; margin-left:12px;}
.nav ul li:hover{background:#e60012;}
.nav ul li:hover a{color:#fff;}
.nav ul li.sli{background:#e60012;}
.nav ul li.sli a{color:#fff;}
.nav ul li .slide{width:198px; display:table; border:1px solid #ebebeb; border-bottom:none; background:#fff; border-top:1px solid #333; position:absolute; left:0px; top:85px; z-index:9; display:none;}
.nav ul li .slide p{width:183px; height:37px; border-bottom:1px solid #ccc; line-height:39PX; font-size:12px; text-align:left; padding-left:15px; font-family:Arial, Helvetica, sans-serif; color:#686868;}
.nav ul li:hover div{display:block;}
.nav ul li .slide p a{color:#000; margin-left:0px; width:100%; display:block; line-height:37px; margin:0;}
.nav ul li .slide p a:hover{color:#e60012}
#img{width:100%; height:565px; overflow:hidden; position:relative;}
.img{width:100%; height:100%;}
.img ul{width:100%; height:100%;}
.img ul li{width:100%; height:100%;}

#img .le{
	width: 250px;
	height: 80px;
	display: block;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -40px;
	background-color: #FFF;
}
#img .le img{float:right; margin-top:25px; margin-right:38px; cursor:pointer;}
#img .rt{
	width: 250px;
	height: 80px;
	display: block;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -40px;
	background-color: #FFFFFF;
}
#img .rt img{float:left; margin-top:25px; margin-left:38px;cursor:pointer;}

.dianji{width:65px; height:15px; position:absolute; left:50%; margin-left:295px; bottom:10px;}
.dianji ul li{width:11px; height:11px; background:rgba(255,255,255,.8); margin-right:3px; border-radius:50%; border:1px solid #ccc;}
.dianji ul li.sli{background:#ef9621;}

#about{width:100%; display:table; background:url(../image/bj2.jpg) center no-repeat;}
.about{width:1200px; display:table;}
.about h5{text-align:center;}
.about h5 img{vertical-align:middle; margin-top:10px;}
.about p{text-align:center; font-size:13px; line-height:26px; color:3686868; margin-top:35px; padding-bottom:10px; border-bottom:1px solid #e4e4e4;}
.about p a{width:86px; height:22px; display:block; border:1px solid #9f9f9f;margin:auto; line-height:22px; font-size:12px; color:#9f9f9f; margin-top:15px;}
.about p a:hover{background:#e60012; color:#fff; border:1px solid #fff;}
.about ul{width:100%; height:315px;}
.about ul li{width:243px; height:243px; background:rgba(214,214,214,.4); margin-left:55px; margin-top:35px; border-radius:50%;}
.about ul{margin-left:-8px;}
.about ul li h4{width:215px; height:215px; background:#cbcbcb; display:block; border-radius:50%; margin:auto; margin-top:14px; text-align:center;}
.about ul li h4 span{font-weight:100; color:#4b4b4b; font-size:18px; margin-top:50px; float:left; width:100%;}
.about ul li h4 span i{color:#fff; font-size:15px;}
.about ul li strong img{margin-top:5px;}
.about ul li.im img{margin-top:15px;}
.about ul li.one{background:#ff9e1f;}
.about ul li.one h4{background:#ff9e1f;}
.about ul li.one h4 span{color:#fff;}
.about ul li.one h4 span i{ color:#dbdbdb;}
.about ul li.one h4 b{width:100%; height:2px; background:#FFF; display:block; float:left; margin-top:15px;}
.about ul li.one h4 font{font-weight:100; color:#d8d8d8; margin-top:15px; font-size:13px; float:left; width:100%;}

#case{width:100%; height:613px; background:#d01426;}
.case .mor{position:absolute; right:0px; top:50px;}
.case{width:1200px; height:613px; text-align:center; position:relative;}
.case h5 img{vertical-align:middle; margin-top:20px; margin-bottom:20px;}
.case h5{font-weight:100; color:#cfcfcf; font-size:13px; letter-spacing:2px;}
.case ul {width:100%; height:360px; margin-top:35px; margin-left:-10px;}
.case ul li{width:280px; height:360px; margin-left:20px; background:#950d21;}
.case ul li h4 {width:100%; height:202px; background:#99F; position:relative;}
.case ul li h4 span{width:100%; height:100%; position:absolute; left:0px; top:0px; display:block; background:rgba(0,0,0,.3); display:table-cell; vertical-align:middle; display:none;}
.case ul li h4 span a{width:0px; height:0px; margin-top:0px; border:none; background:none;}
.case ul li h4 img{width:100%; height:100%;}
.case ul li h6{ font-weight:100; color:#FFF; font-size:13px; margin-top:23px;}
.case ul li p{ padding-left:33px; padding-right:25px; color:#cdc5c5; font-size:12px; text-align:left; margin-top:20px;}
.case ul li a{width:86px; height:22px; border:1px solid #fff; display:block; line-height:22px; color:#fff; margin:auto; font-size:12px; margin-top:10px;}
.case ul li:hover a{background:#FFF; color:#950d21;}
.case ul li h4 span img{width:30px; height:30px; margin-top:95px;}
.case ul li:hover h4 span{display:block;}
.service{width:1200px; height:680px; background:#fff; text-align:center;}
.service h5 img{vertical-align:middle; margin-top:20px; margin-bottom:20px;}
.service h5{font-weight:100; color:#cfcfcf; font-size:13px; letter-spacing:2px;}
.service .ser{margin-top:50px;}

#new{width:100%; height:652px; background:#ececec;}
.new{ width:1200px; height:602px; text-align:center; padding-bottom:50px;}
.new h5 img{vertical-align:middle; margin-top:20px; margin-bottom:20px;}
.new h5{font-weight:100; color:#cfcfcf; font-size:13px; letter-spacing:2px;}
.new ul{width:100%; height:370px; margin-top:30px; margin-left:40px;}
.new ul li{width:270px; height:370px; background:#fff; margin-left:9px;}
.new ul li h4{width:256px; height:192px; background:#960; margin-left:7px; margin-top:7px;}
.new ul li h4 img{width:100%; height:100%;}
.new ul li p{ font-weight:100; text-align:left; margin-left:7px; margin-top:15px;}
.new ul li span{font-weight:100; padding-left:7px; padding-right:15px; margin:0; text-align:left; width:240px; line-height:18px; display:block; font-size:12px; color:#7f7f7f; margin-top:20px;}
.new ul li a{width:151px; height:38px; margin-top:15px; border-bottom:1px solid #fff;background:#b4976f; display:block; float:left; margin-left:7px; line-height:38px; color:#fff;}
.new ul li:hover{background:#b40a24;}
.new ul li:hover p{color:#fff;}
.new ul li:hover span{color:#fff;}

#bt{width:100%; height:228px; border-top:6px solid #b40a24; background:#242424;}
.bt{width:800px; height:228px;}
.bt form{ width:512px; float:left;}
.bt form h5{font-weight:100; margin-top:42px; float:left; width:100%; margin-bottom:10px; color:#fff;}
.bt form h5 img{float:left; margin-right:5px;}
.bt form p{ float:left; width:170px;}
.bt form p input{width:166px; height:32px; border:1px solid #3b3b43; background:#1d2027; margin-bottom:3px; color:#58595b;}
.bt form h4{float:left;}
.bt form h4 .te1{width:299px; height:93px; border:1px solid #3b3b43; background:#1d2027; font-family:"微软雅黑", "宋体";  padding-top:10px; color:#535458;}
.bt form .sub{float:right; width:35px; height:107px; background:#3baff8; border:none; float:right; color:#FFF; word-break:break-all;}
.bt .gz{float:right; width:260px; height:228px;}
.bt .gz h5{font-weight:100; margin-top:42px; float:left; width:100%; margin-bottom:10px; color:#fff; line-height:20px;}
.bt .gz h5 img{float:left; margin-right:5px;}
.bt .gz h4{float:left; width:125px;}
.bt .gz p{float:left;}
.bt .gz h4 span{margin-left:11px; margin-bottom:10px; float:left;}





.footer {
	width: 100%;
	height: 200px;
	background-color: #333333;
}
.foot {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.foot-z {
    float: left;
    font-size:16px;
    color: #fff;
    margin-top: 90px;
}
.foot-z>p {
    font-size: 14px;
    margin-top: 20px;
}
.foot-y {
    float: right;
    color: #fff;
}
.foot-y-z {
    float: left;
    margin-top: 45px;
    margin-right: 20px;
}
.foot-y>img {
    float: right;
    margin-top: 30px;
}
.foot-y-z>p {
    font-size: 14px;
}
.foot-y-z>i {
    background:url(../image/line.png) no-repeat center;
    display: block;
    height: 86px;
}









/*内页内容*/
#box_allbanner,#box_allbanner .fullSlide,#box_allbanner .fullSlide .bd LI img{ height:400px;}
#box_allbanner .fullSlide .hd{bottom: 20px;}
.page_content {padding: 40px 0 50px 0;min-height: 120px;}
.content_bg{padding-bottom:60px;}
.all_here{ height:40px;line-height:40px; background:#f3dea7;font-size:14px;color:#787878; width:100%;}
.hereico{background: url(/images/homeico.png) no-repeat left center; padding-left:25px;}
.all_here div{ line-height:40px;text-align:left;}
.all_here a{color:#787878;}.all_here a:hover{color: #4a0f11;}
.all_content{padding:40px 0 0;min-height:120px;}

#box_content{width:1000px;margin:0 auto; position:relative;overflow:hidden;color:#221919;font-size:14px;}
#box_content p{margin-bottom:8px;font-size:14px;line-height:24px;color:#221919;}
#box_content  img{max-width:1000px;}
#box_indexgy .pageJump,#box_case_list .pageJump{ width:740px;margin:0 auto;padding-left:20px;}

.title_line{border-bottom:1px solid #ddd; color:#888;height:70px;}
#box_title{text-align:left; width:220px;border-bottom:2px solid #4a0f11; height:69px;}
#box_title h2{font-size:30px;color:#4a0f11;}
#box_title p{text-transform:uppercase;color:#666;font-size:16px;}
#box_here2{padding:0 0 0 25px;background: url(../image/homeico.png) no-repeat left center; margin-top:35px;}
#box_here2,#box_here2 div{height:30px; line-height:30px;color:#888;font-size: 14px;}
#box_here2 a{color:#888;}#box_here2 a:hover{color:#b82329;}

.dc_left{width:220px;padding:30px 0 0;}
#box_content2{width:740px;float:right;padding:30px 0 0;overflow:hidden;font-size:14px;}
#box_content2 .content p{line-height:24px;margin-bottom:8px;font-size:14px;}
#box_content2 img{max-width:740px;}
#box_joins{color:#debc6a;width:100%;overflow:hidden;}
#box_joins .FrontComContent_detail01-d1_c1 .content img{position:relative;left:50%;margin-left:-960px;}
/*左侧分类*/
#box_left_menu { width:220px;}
#box_left_menu li { width:220px; display:block;}
#box_left_menu li a {
	width: 195px;
	height: 46px;
	padding-left: 25px;
	color: #222;
	line-height: 46px;
	display: block;
	font-size: 16px;
	text-align: left;
	margin: 0;
	border-bottom: 1px solid #e1e1e1;
	background-color: #f5f5f5;
	background-image: url(../image/m_yd.png);
	background-repeat: no-repeat;
	background-position: 196px center;
}
#box_left_menu li a.current,#box_left_menu li a:hover {
	color: #fff;
	border-bottom: 1px solid #e1e1e1;
	text-decoration: none;
	background-color: #E60012;
	background-image: url(../image/m_hover.png);
	background-repeat: no-repeat;
	background-position: 182px center;
}
#box_left_menu  .menu-second ul li{border:none;}
.mune2 {width:220px;}
#box_left_menu  li .mune2 {padding:12px 0px;display:none;}
#box_left_menu li.cur .mune2 {display:block;}
#box_left_menu li .mune2 a {line-height:24px;background:url(/images/menu2bg.png) 16px -16px no-repeat ;height:24px;color:#666666;font-size:14px;}
#box_left_menu li .mune2 a.cur,#box_left_menu li .mune2 a:hover {background-position:16px 8px;color:#00a4eb;}
.pro_menu .menu-first .menu-none{ display:none;}
#box_left_menu  .menu-second li a{ font-size:14px; height:34px;line-height:34px;background:url(/images/m_bg.png) 14px 10px no-repeat ;border-top:1px dashed #ddd;color:#888;}
#box_left_menu  .menu-second li a:hover{background:#0691ee url(/images/m_bg_hover.png) 14px 10px no-repeat ;color:#fff;}

#box_products_cag{width:780px;}.ggtuo {
	height: 230px;
	width: 100%;
	text-align: center;
}



/*news_list*/
.news_list{line-height:24px; text-align:left; position:relative;}
.news_list  .content{ padding:10px 0 20px 0;border-bottom:1px dotted #ccc; float:left; margin-bottom:10px;}
.news_list  .newstitle{ width:100%; float:left;}
.news_list  .newstitle li{float: left;padding-right: 15px;text-align: left;font-size:14px;color:#888;}
.news_list  .newstitle li.title{ width:100%; margin-bottom:8px;}
.news_list  .newstitle li h3{ font-size:18px; font-weight:normal;}
.news_list  .newstitle li span{ color:#555;}
.news_list .newstitle li a{ color:#d28b16;}
.news_list .newstitle li.title a {background: url(../image/icon-09.gif) no-repeat left center; padding-left: 15px;}
.news_list .newstitle li.title a:hover { background: url(../image/icon-09-hover.gif) no-repeat left center;}
.news_list  .newstitle li a:hover,.news_content .page a:hover,.news_content .other a:hover{ color:#4a0f11;}
.news_list  .newslist .summary p{ position:relative; height:161px; overflow:hidden;color:#555;line-height:24px; font-size:14px; margin:0;text-indent:2em;}
.news_list  .newslist .summary p a{ display:block;  padding:0 20px;height:28px; line-height:26px;  position:absolute;right:0;bottom:0;text-decoration:none;text-indent: 0; text-align:center;color: #4a0f11;
border: 1px solid #d28b16;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.news_list .newslist .summary p a:hover{background:#4a0f11;color:#fff;border: 1px solid #4a0f11; }
.news_list  .newslist  { width:100%; float:left; margin-top:15px;}
.news_list  .newslist li{float:left;}
.news_list  .newslist li.pic a{border: 1px solid #d28b16;padding: 3px; width:250px; height:153px; display:block; overflow:hidden;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.news_list  .newslist li.pic a:hover{border:solid 1px #4a0f11;background:#4a0f11;}
.news_list   .newslist li.pic img{ width:250px; }
.news_list   .newslist li.summary{ width:442px; margin-left:40px;}
.news_list  .newslist .summary h3{ display:none;}
.news_list .pageJump{ width:740px; margin:0 auto;}
.news_list .back_home{ left:60px; bottom:5px;}
.news_list .border_46 .border_46-topr{ display:none}
.news_list .border_46 .border_46-midr{background:none;}
.news_content{ font-size:14px; text-align: left;width:740px; margin:0 auto;overflow:hidden;position:relative;}
.news_content img{max-width:740px !important;}
.news_content p{line-height: 24px;margin-bottom: 8px;}
.news_content #newsdetailshow h2{ font-size:24px; text-align:center;line-height: 40px;color: #4a0f11;}
.news_content .message{border-bottom:1px dotted #ddd; text-align:center; padding: 0 0 10px 0; margin:10px 0 25px 0;}
.news_content .message .date{ margin-left:15px;}
.news_content .page{ margin:20px 0 5px 0;}
.news_content .page a,.news_content .other a{color: #d28b16;}
.news_content .page a:hover,.news_content .other a:hover{color:#4a0f11}
.news_list .title h3{border:none;padding:0;margin:0;font-size: 16px;height: 42px;line-height: 42px;color: #10449e;}

.news_list .pageJump .number{width: 540px;}




    /* 新闻部分
    ------------------------------------------------------*/

    .cti-news-wrap {
	position: relative;
	width: 100%;
	background-image: url(../image/base_bg.jpg);
    }

    .cti-news-head {
        max-width: 1000px;
        width: 94%;
        margin: auto;
    }

    .cti-news-title {
        padding: 4% 0%;
    }

    .cti-news-title h1 {
        font-size: 30px;
        padding: 10px 0px;
    }

    .cti-news-title h6 {
        color: #828183;
        font-size: 12px;
    }

    .cti-news-tab a {
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        display: inline-block;
        border: 1px solid #a1a1a1;
        border-radius: 4px;
        padding: 1% 1.2%;
        color: #414141;
        font-size: 16px;
        margin-right: 0.5%;
    }

    .cti-news-tab a:hover {
        box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
    }

    .cti-news-tab a.d-active {
        background: #d9a44d;
    }

    .cti-news-list {
        max-width: 1170px;
        margin: auto;
        padding: 3% 0%;
    }

    .cti-news-item {
        position: relative;
        width: 31.3%;
        margin: 1%;
        float: left;
        text-align: center;
        cursor: pointer;
        overflow: hidden;
    }

    .cti-news-item img {
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        display: block;
    }

    .cti-news-item:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    .cti-news-item .cti-news-mask {
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: absolute;
        top: 0px;
        width: 100%;
        height: 100%;
        background: transparent url('../images/alpha_1px.png');
    }

    .cti-news-item .cti-news-mask:hover {
        background: #7b623a;
        filter: alpha(opacity=80);
        background: rgba(123, 98, 58, 0.8);
    }

    .cti-news-mask-ctn {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .cti-news-item .cti-news-mask label {
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: absolute;
        padding: 3% 0px;
        width: 100%;
        bottom: 0px;
        left: 0px;
        color: #fff;
        background: #392a16;
        filter: alpha(opacity=80);
        background: rgba(57, 42, 22, 0.8);
    }

    .cti-news-item:hover .cti-news-mask label {
        filter: alpha(opacity=100);
        background: rgba(57, 42, 22, 1);
    }

    .cti-news-item .cti-news-mask a {
        -webkit-transform: all 0.5s ease;
        -ms-transform: all 0.5s ease;
        -o-transform: all 0.5s ease;
        transform: all 0.5s ease;
        color: #fff;
        border: 1px solid #fff;
        display: inline-block;
        padding: 3% 6%;
        position: relative;
        top: 35%;
        visibility: hidden\9;
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0;
    }

    .cti-news-item:hover .cti-news-mask a {
        visibility: visible\9;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    /* swiper 分页器
    ------------------------------------------------------*/
    /**/
